.messagePlaceholder {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	color: $message-placeholder-color;

	.messagePlaceholder-icon {
		font-size: 3rem;
		color: inherit;
	}

	.messagePlaceholder-title {
 		font-size: 2rem;
		color: inherit;
		font-weight: 400;
	}

	.messagePlaceholder-text-block {
		display: block;
		margin-bottom: 1rem;
		margin-top: .5rem;
		color: inherit;
		text-transform: uppercase;
	}

}

.messagePlaceholder ~ .conversation-wrapper { pointer-events: none }

.appConfigBody-is-mobile .messagePlaceholder { min-height: 80vh }
